<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>外卖管理系统</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
</head>
<body>
    <!-- 头部导航 -->
    <header class="header">
        <nav class="nav">
            <div class="logo">外卖管理系统</div>
            <div class="nav-links">
                <a href="index.html">首页</a>
                <a href="order.html">我的订单</a>
                <a href="user.html">个人中心</a>
                <a href="login.html" id="loginBtn">登录</a>
            </div>
        </nav>
    </header>

    <!-- 主要内容区 -->
    <main class="main">
        <!-- 搜索框 -->
        <div class="search-box">
            <input type="text" class="search-input" placeholder="搜索商家、美食...">
            <div class="category-tags">
                <span class="category-tag">全部</span>
                <span class="category-tag">快餐便当</span>
                <span class="category-tag">特色菜系</span>
                <span class="category-tag">异国料理</span>
                <span class="category-tag">小吃夜宵</span>
                <span class="category-tag">甜品饮品</span>
            </div>
        </div>

        <!-- 商家列表 -->
        <div class="merchant-list" id="merchantList">
            <!-- 商家卡片将通过JavaScript动态生成 -->
        </div>
    </main>

    <!-- 底部 -->
    <footer class="footer">
        <div class="footer-content">
            <p>© 2024 外卖管理系统 版权所有</p>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="js/main.js"></script>
</body>
</html>
